/**
* 功能描述: 基础水平分割线demo
* @author 崔孝楠
* @date 2022/9/22 15:34
* @version 1.0
*/
<template>
  <div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
    <!-- 基础分割线 -->
    <div class="yw-divider yw-divider-horizontal" role="separator"></div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
    <!-- 文字居中分割线 -->
    <div class="yw-divider yw-divider-horizontal yw-divider-with-text" role="separator">
      <span class="yw-divider-inner-text">With Text</span>
    </div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
    <!-- 文字居左分割线 -->
    <div class="yw-divider yw-divider-horizontal yw-divider-with-text yw-divider-with-text-left" role="separator">
      <span class="yw-divider-inner-text">Left Text</span>
    </div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
    <!-- 文字居右分割线 -->
    <div class="yw-divider yw-divider-horizontal yw-divider-with-text yw-divider-with-text-right" role="separator">
      <span class="yw-divider-inner-text">right Text</span>
    </div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
    <!-- 虚线分割线 -->
    <div class="yw-divider yw-divider-horizontal yw-divider-dashed" role="separator"></div>
    <p> a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text a paragraph of text  </p>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>
